<template>
  <!-- <el-button :round="true">Default</el-button> -->


  <!-- 不加：   所有的属性值的数据类型都是字符串类型 -->
  <!-- <p id="string"></p> -->
  <!-- 加上：  就可以变成别的数据类型  中间是js写法  字符串+ ''    -->
  <!-- <p :id="string"></p> -->

  <!-- <el-rate v-model="value1" @change="myMethods"/> -->

  <!-- 事件是  组件提供的某些状态  监听事件 -->
  <!-- <Input @focus="focusMthod"/> -->


  <!-- 对组件做的事情 -->
  <!-- 方法 -->
  <el-drawer
    v-model="drawer"
    title="I am the title"
    ref="aaaa"
  >
    <span>Hi, there!</span>
  </el-drawer>
</template>

<script>
export default {
  data () {
    return {
      string: 'xxx',
      value1: 2,
      drawer: true
    }
  },
  methods: {
    myMethods (val) {
      console.log(val)
    },
    focusMthod () {
      console.log('focus');
    }
  },
  mounted () {
    setTimeout(()=>{
      this.$refs['aaaa'].handleClose()
    },3000)
  }
}
</script>

<style>

</style>